//拉伸适配
//解构vuex方法
import {mapMutations} from 'vuex'
//导出配置对象
export default {
  methods: {
    ...mapMutations('app', ['SET_COLLAPSE']),
    //修改方法
    $_resize() {
      //设置界限
      const WIDTH = 600
      //实时获取屏幕宽度
      let bodyW = document.body.clientWidth
      // console.log('bodyW', bodyW)
      //如果屏幕宽度大于600 设值false
      if (bodyW > WIDTH) {
        this.SET_COLLAPSE(false)
      } else {
        this.SET_COLLAPSE(true)
      }
    },
  },
  //mounted生命周期 操作dom
  mounted() {
    //初始化执行一次
    this.$_resize()
    //屏幕拉伸执行
    window.addEventListener('resize', this.$_resize)
  },
  //销毁 清除挂载在全局的属性和方法
  beforeDestroy() {
    window.removeEventListener('resize', this.$_resize)
  },
}
